<template>
	<el-dialog
	  title="回收站"
	 
	  :visible.sync="dialogVisible"
	  width="800px"
	  :before-close="handleClose">
	  <el-breadcrumb separator="/">
		<el-breadcrumb-item>计算机</el-breadcrumb-item>
		<el-breadcrumb-item>D:</el-breadcrumb-item>
		<el-breadcrumb-item>dest</el-breadcrumb-item>
		<el-breadcrumb-item>header</el-breadcrumb-item>
	  </el-breadcrumb>
	  
	  <div class="hr"></div>
	    <el-table
			:data="tableData"
			class="pading0tab"
			style="width: 100%">
			<el-table-column
			  prop="name"
			  label="名称"
			  width="180">
			</el-table-column>
			<el-table-column
				prop="date"
				label="修改时间"
				width="180">
			</el-table-column>
			<el-table-column
				prop="address"
				label="类型">
			</el-table-column>
			<el-table-column
				prop="address"
				label="操作">
				<template slot-scope="scope">
					<el-button class="xitong" size="mini" type="text" icon="el-icon-delete"  >删除</el-button>
				</template>
			</el-table-column>
		</el-table>
	  <span slot="footer" class="dialog-footer">
		<el-button @click="dialogVisible = false">取 消</el-button>
		<el-button type="primary" @click="dialogVisible = false">确 定</el-button>
	  </span>
	</el-dialog>
</template>

<script>
	export default {
		data() {
			return {
				dialogVisible:false,
				  tableData: [{
					  date: '2016-05-02',
					  name: '王小虎',
					  address: '文件夹'
					}, {
					  date: '2016-05-04',
					  name: '王小虎',
					  address: '文件夹'
					}, {
					  date: '2016-05-01',
					  name: '王小虎',
					  address: '文件'
					}, {
					  date: '2016-05-03',
					  name: '王小虎',
					  address: '文件'
					}]
			};
		},
		methods:{
			handleClose(){
				this.dialogVisible = false;
			},
			initData(item){
				this.dialogVisible = true;
			}
		}
	}
</script>
<style>
.pading0tab .el-table__row > td {
    padding: 0!important;
}
.pading0tab tr > th {
    padding: 0!important;
	height: 26px!important;;
}
</style>
<style scoped="scoped">
	.hr{
		border-top:1px solid #cecccc;
		margin: 10px 0;
	}
</style>
